<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="Keywords" content="怪鸟博客网,个人网站,个人网页,个人站点,个人博客,个人主页,资源分享网" />
    <meta name="Description" content="怪鸟博客网的个人网站主页。我是一个自学者，爱编程，爱运动，喜欢研究php" />
    <meta name="author" content="怪鸟" />
    <meta name="copyright" content="怪鸟" />
    <title>怪鸟博客网</title>
    <link rel="stylesheet" href="static/css/layui.css">
    <link rel="stylesheet" href="static/css/index.css">
    <link rel="stylesheet" href="static/css/media.css">
    <link rel="stylesheet" href="static/css/about.css">
</head>
<body>
    <div class="header">
        <div class="top">
            <h1>怪鸟博客网</h1>
            <div class="pcsearch-box">
                <input type="text" placeholder="请输入文章名称">
                <button class="btn">Search</button>
            </div>
            <!-- 移动端头部 起-->
            <div class="phonesearch-box">
                <i class="layui-icon layui-icon-search" id="search-box"></i>
                <i class="layui-icon layui-icon-more-vertical" id="menu-list"> </i>
                <ul class="menu-list">
                    <div class="tops">
                        <h1>菜单</h1>
                        <i class="layui-icon layui-icon-close" id="close-menu"></i>
                    </div>
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="my.html">我的中心</a>
                    </li>
                    <li>
                        <a href="link.html">友情链接</a>
                    </li>
                    <li>
                        <a href="response.html">网页留言</a>
                    </li>
                    <li  class="active">
                        <a href="about.html">关于网页</a>
                    </li>
                </ul>
                <div class="search-container">
                    <input type="text" placeholder="请输入文章名称">
                    <button class="btn">Search</button>
                </div>
                <!-- 移动端头部 结束-->

            </div>
        </div>
        <div class="container">
            <div class="menu">
                <ul class="layui-nav">
                    <li class="layui-nav-item"><a href="">首页</a></li>
                    <li class="layui-nav-item">
                        <a href="response.html">在线留言</a>
                    </li>
                    <li class="layui-nav-item"><a href="link.html">友情链接</a></li>
                    <li class="layui-nav-item"><a href="about.html">关于网页</a></li>
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;">
                          <img src="https://unpkg.com/outeres@0.0.10/demo/avatar/1.jpg" class="layui-nav-img">
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="login.html">登录</a></dd>
                          <!-- 登录显示下方 -->
                          <dd><a href="my.html">我的中心</a></dd>
                          <hr>
                          <dd style="text-align: center;"><a href="">退出</a></dd>
                        </dl>
                      </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="layout clearfix">
        <div class="layui-container layui-padding-4 ">
            <div class="list-item">
                <div class="lead-title">
                   网页发展
                </div>
                <div class="layui-timeline">
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2月22日</h3>
                            <p>网页新增Uedtor</p>

                        </div>
                    </div>
                   
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">2月10日</h3>
                            <p>网页正式发布：主要功能如下</p>
                            <p>【用户】</p>
                            <p>登录，注册，评论，信息修改（用户名，密码，头像）</p>
                            <p>【管理员】</p>
                            <p>登录，网页配置，用户、评论、帖子、分类管理，基本信息修改</p>
                        </div>
                    </div>
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">1月20日</h3>
                            <p>由于单应用模式的博客不适合，改成多应用模式，便于后台进行控制。</p>

                        </div>
                    </div>
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <h3 class="layui-timeline-title">1月13日</h3>
                            <p>
                                单应用博客开始制作
                            </p>
                        </div>
                    </div>
                    <div class="layui-timeline-item">
                        <i class="layui-icon layui-timeline-axis"></i>
                        <div class="layui-timeline-content layui-text">
                            <div class="layui-timeline-title">怪鸟博客网</div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="list-item">
                <div class="lead-title">
                    关于网页
                </div>
                <p>
                    后端；PHP
                    <br>
                    前端；layui
                </p>
            </div>
            <div class="list-item">
                <div class="lead-title">
                    关于站长
                </div>
                <p>
                    QQ：676640675
                </p>
            </div>

        </div>

    </div>
    <div class="footer">
        <ul class="link">
            <li><a href="#">ALl &copy CopyRight Reserve by 怪鸟博客网 2024 - 2025</a></li>
        </ul>
    </div>
    <script src="static/js/layui.js"></script>
    <script src="static/js/index.js"></script>
    <script>
       
    </script>
</body>

</html>